<div class="container">
    <div class="row" id="WikiList">
        <div class="col-sm-3">
            <accordion close-others="oneAtATime">
                <!--<accordion-group ng-repeat="item in WikiList | filter: {parentId:0}" heading="{{item.wikiName}}" ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}">-->
                    <!--<div class="sub-link" ng-repeat="subItem in WikiList | filter: {parentId:item.id}" ng-click="getWikiDetail(subItem.id)">{{subItem.wikiName}}</div>-->
                <!--</accordion-group>-->
                <!--<accordion-group heading="{{group.title}}" ng-repeat="group in groups">-->
                    <!--{{group.content}}-->
                <!--</accordion-group>-->
                <!--<accordion-group heading="Dynamic Body Content">-->
                    <!--<p>The body of the accordion group grows to fit the contents</p>-->
                    <!--<button class="btn btn-default btn-sm" ng-click="addItem()">Add Item</button>-->
                    <!--<div ng-repeat="item in items">{{item}}</div>-->
                <!--</accordion-group>-->
                <accordion-group  ng-repeat="item in WikiList | filter: {parentId:0} | limitTo: 1" is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled" ng-class="{'open': status.isFirstOpen, '': !status.isFirstOpen}">
                    <accordion-heading>
                        <div class="heading" ng-class="{'open': status.isFirstOpen, '': !status.isFirstOpen}">{{item.wikiName}}</div>
                    </accordion-heading>
                    <div class="sub-link" ng-repeat="subItem in WikiList | filter: {parentId:item.id}" ng-click="getWikiDetail(subItem.id)" ng-class="{'sub-open':subItem.open}">{{subItem.wikiName}}</div>
                </accordion-group>
                <accordion-group  ng-repeat="item in WikiList | filter: {parentId:0}" is-open="status.open" is-disabled="status.disabled"  ng-class="{'open': status.open}" ng-if="$index!=0">
                    <accordion-heading>
                        <div class="heading" ng-class="{'open': status.open, '': !status.open}">{{item.wikiName}}</div>
                    </accordion-heading>
                    <div class="sub-link" ng-repeat="subItem in WikiList | filter: {parentId:item.id}" ng-click="getWikiDetail(subItem.id)" ng-class="{'sub-open':subItem.open}">{{subItem.wikiName}}</div>
                </accordion-group>
            </accordion>
        </div>
        <div class="col-sm-9">
            <div class="content" ng-bind-html="content"></div>
        </div>
    </div>
</div>